
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

        <form action="/loginServlet" method="post">
            用户名: <input type="text" name="userName">  <span id="check" style="color: green"></span>
        <br/>
            密码: <input type="password" name="pwd">
            <br/>
            <input type="submit" id="tijiao" value="登录"  >
        </form>



</body>

<script type="text/javascript" src="/static/script/jquery-1.7.2.js"></script>
<script type="text/javascript">

    //页面加载函数
    $(function () {

        //使用jquery的选择器
        $("[name='userName']").blur(function () {

            $.ajax({
                type: "get",
                url: "/userServlet",
                data: "userName=admin",
                dataType: "json",
                success: function (data) {
                    alert("结果："+data);
                    var span =  document.getElementById("check");
                    if(data === "success"){
                        span.innerHTML = "√";
                    }else{
                        span.innerHTML = "×";
                    }
                }
            })











            //发送ajax请求
            // $.get("/userServlet","userName=admin",function (data) {
            //     alert("结果："+data);
            //     var span =  document.getElementById("check");
            //     if(data === "success"){
            //         span.innerHTML = "√";
            //     }else{
            //         span.innerHTML = "×";
            //     }
            // })
        })







    })










</script>
<script type="text/javascript">

    // //检查名字是否合格
    // function checkName() {
    //     //ajax引擎
    //     var xhr = new XMLHttpRequest();
    //
    //     //建立连接
    //     xhr.open("get","/userServlet?userName=admin",true);
    //
    //     xhr.send(null); //这个send方法就是给post请求用的
    //     //响应状态
    //     xhr.onreadystatechange = function () {
    //
    //         if(xhr.readyState == 4 && xhr.status == 200){
    //             //返回结果
    //             var result = xhr.responseText;
    //
    //             alert("结果："+result);
    //
    //             var span =  document.getElementById("check");
    //
    //             if(result === "success"){
    //                span.innerHTML = "√";
    //
    //             }else{
    //
    //                 span.innerHTML = "×";
    //             }
    //
    //         }
    //     }
    //
    //
    //
    // }




</script>
</html>
